.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.nav-placeholder {
	height: var(--status-bar-height);
	padding-top: 44px;
	box-sizing: content-box;
}

.nav-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*  #ifdef  H5  */
	height: 330rpx;
	/*  #endif  */
	/*  #ifdef  APP-PLUS  */
	height: 400rpx;
	/*  #endif  */
	transition: 0.4s;
}

.banner-wrap {
	position: relative;
	padding-top: 10px;
}

.banner {
	width: 750rpx;
	height: 300rpx;
}

.banner image {
	width: 100%;
	height: 100%;
	border-radius: 10rpx;
}

.menu {
	width: 100%;
	display: flex;
	height: 175rpx;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
}

.menu .item {
	flex: 1;
	display: block;
	padding: 20rpx 0;
}

.menu image {
	display: block;
	width: 58rpx;
	height: 58rpx;
	margin: 0 auto;
	margin-bottom: 12rpx;
}

.menu text {
	display: block;
	font-size: 22rpx;
	text-align: center;
	margin: 0 auto;
	padding-top: 3rpx;
	color: #666;
}

/* 板块开始 */
.sections {
	background: #f4f4f4;
	width: 100%;
}

.promotion {
	margin-top: 20rpx;
	height: 550rpx;
	background: #fff;
	padding: 30rpx 25rpx;
}

.promotion-top {
	display: flex;
	height: 290rpx;
}

.promo-top-left {
	display: flex;
	flex-direction: column;
	width: 50%;
	border-right: 4rpx #f4f4f4 solid;
	color: #333;
	margin: 0 20rpx;
}

.promo-title {
	font-size: 34rpx;
}

.promo-time-title {
	font-size: 34rpx;
	margin-right: 10rpx;
}

.promo-product-wrap {
	margin-top: 20rpx;
	display: flex;
	justify-content: space-between;
}

.promo-product {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.promo-product image {
	height: 160rpx;
	width: 160rpx;
}

.promo-price {
	margin-top: 10rpx;
	font-size: 24rpx;
	color: #C81816;
	display: flex;
	align-items: center;
}

.promo-price-origin {
	color: #999;
	font-size: 20rpx;
	text-decoration: line-through;
	margin-left: 5rpx;
}

.promo-top-right {
	display: flex;
	flex-direction: column;
	width: 50%;
}

.promotion-bottom {
	border-top: 4rpx #f4f4f4 solid;
	display: flex;
	justify-content: space-between;
	margin: 0 20rpx;
	padding: 15rpx 0;
}

.promo-b-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10rpx;
}

.promo-sub-title {
	color: #888;
	font-size: 26rpx;
}

.promo-b-wrap image {
	width: 140rpx;
	height: 140rpx;
	margin-top: 20rpx;
}

/* 具体板块 */
.section {
	background: #fff;
	color: #333;
	margin-top: 20rpx;
}

/* 板块header */
.section .h {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 90rpx;
	border-bottom: 1px #ebebeb solid;
	padding: 0 25rpx;
}

.section .h.active {
	background: #ebebeb;
}

.section .h .txt {
	color: #333;
	font-size: 32rpx;
}

/* 热门 */
.hot .hot-wrap {
	display: flex;
	height: 400rpx;
	width: 100%;
	margin-top: 40rpx;
	padding: 0 0 30rpx 25rpx;
}

.hot .item {
	margin-right: 25rpx;
}

/* 两张图 */
.layout-two {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 25rpx 0 0 0;
}

.layout-image-two {
	width: 703rpx;
	height: 266rpx;
	display: block;
	margin-bottom: 25rpx;
}

/* 商品列表 */
.pick .pick-wrap {
	display: flex;
	flex-wrap: wrap;
	padding: 20rpx 15rpx 30rpx 40rpx;
}

.pick-wrap .item {
	width: 320rpx;
	margin-top: 25rpx;
	margin-right: 25rpx;
}


.more {
	padding: 30rpx 0 50rpx 0;
}

.more .title {
	color: #999;
	font-size: 25rpx;
	text-align: center;
	display: block;
}

.red {
	color: #C81816;
}
